<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>huml5基础语法</title>
	</head>
	<body bgcolor="red">
		<!--标记与元素
            标记：<w3c指定单词> 特殊含义，页面上实现具体效果
			前标记和后标记
			元素：前标记和后标记加内容组成
			-->
			<!--页面存：文本、图片、超链接...-->
			<!--一、文本元素群
			1、假文【占位符】 Lorem+tab键
			-->
		Lorem ipsum dolor sit, amet consectetur adipisicing elit. Assumenda maxime enim consectetur, quis dolores ullam perspiciatis ipsam commodi provident? Incidunt sit sint excepturi cum eum! Repellat magni hic veniam assumenda?	
		Lorem ipsum dolor sit amet consectetur adipisicing elit. Ullam corrupti ex eos maiores non excepturi inventore vitae necessitatibus molestiae iste aspernatur eius laborum consequuntur illum fugiat, mollitia ratione repudiandae aliquid?
		Lorem ipsum dolor sit amet consectetur adipisicing elit. Quia tempora consequuntur doloribus eius optio animi mollitia vitae at sequi quae, reprehenderit nemo illo vel ad excepturi, natus ab id nihil?
			<!--2、段落元素 p元素-->
			<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Fugit, eius impedit numquam nihil fuga eligendi officiis quo, inventore quos porro, sequi totam dolorem. Consequuntur minus alias voluptate beatae architecto magni?
			<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Placeat beatae veniam soluta eius, accusantium vel harum atque deserunt! Cum ipsa autem earum saepe consequatur ut porro eum voluptate eligendi totam.
			<!--3、跑马灯元素 html4语法-->
			<marquee>滚滚长江东逝水</marquee>
			<!--标题元素  加粗放大 h1~h6-->
			<h1>标题元素</h1>
			<h2>标题元素</h2>
			<h3>标题元素</h3>
	        <h4>标题元素</h4>
			<h5>标题元素</h5>
			<h6>标题元素</h6>
			<!--实业、实业字符：特殊字符  自带语法：&w3c定义单词
			&rey；代表商标
			&copy;代表版权
			&lt；代表小于
			&gt;代表大于
			&nbsp;代表一个空格
			<!--6、文本样式元素：做文本效果-->
			<i>文本倾斜</i>
			<b></b>
			<u></u>
			<del></del>
			<s></s>
			2<sup>3</sup>
			文言文<sub>解释</sub>
            <!--文本加粗并且倾斜【嵌套】-->
			<i><b>123</b></i>
			<!--7.分割线元素与换行元素-->
			
			

			
	
	</body>
</html>